<template>
  <div>
    <project-card  :info="info" v-if="info.itemType==='BLOG'||info.itemType==='PROJECT'"></project-card>
    <answer-card  :info="info"  v-if="info.itemType==='QUESTION'"></answer-card>
    <topic-card  :info="info"  v-if="info.itemType==='TOPIC'"></topic-card>
    <user-card  from="other"  :info="info"  v-if="info.itemType==='USER'"></user-card>
  </div>
</template>


<script>
  import ProjectCard from './projectCard';
  import AnswerCard from './answerCard';
  import TopicCard from './topicCard';
  import UserCard from './fanCard'
  export default {

    components:{
      ProjectCard,AnswerCard,TopicCard,UserCard
    },
    props:{
      info:{
        type:Object,
        default:()=>({})
      }
    }

  }
</script>
